// This Source Code Form is subject to the terms of the Mozilla Public
// License, v. 2.0. If a copy of the MPL was not distributed with this
// file, You can obtain one at https://mozilla.org/MPL/2.0/.

.c-thug-life-gif {
    display: none;

    @media #{$mq-lg} {
        display: inline-block;
        position: relative;
        z-index: 10;

        img {
            border: $border-black;
            display: block;
            width: 180px;
            height: 180px;
            object-fit: cover;
        }

        &::before {
            content: "";
            position: absolute;
            min-height: 180px;
            width: 180px;
            background: $color-white;
            border: $border-black;
            top: 10px;
            right: -10px;
            z-index: -1;
        }

        &::after {
            content: "";
            position: absolute;
            min-height: 180px;
            width: 180px;
            background: $color-white;
            border: $border-black;
            top: 20px;
            right: -20px;
            z-index: -5;
        }
    }
}
